<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>列表页</title>
<!-- 禁止检查当前域名 -->
<meta name="referrer" content="never">
<!-- 网站图标 -->
<link rel="shortcut icon" href="../images/logo1.png" />
<!-- 初始化css文件：用来将所有浏览器中显示不一样的样式，变的一样 -->
<link rel="stylesheet" href="../css/normalize.css">
<!-- 引入bootstrap -->
<link rel="stylesheet" href="../css/bootstrap.css">
<!-- 公共样式 -->
<link rel="stylesheet" href="../css/common.css">
<!-- 当前文件的css -->
<link rel="stylesheet" href="../css/list.css?b=4">
<link rel="stylesheet" href="../lib/layui/css/layui.css">
<link rel="stylesheet" href="../css/xiaomi.css">

</head>
<body>
<!-- 顶部 -->
<nav class="navbar navbar-default">
    <div class="container-fluid">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"
                aria-expanded="false">
                <span class="sr-only"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="index.html">
                <img src="../images/logo1.png" alt="" style="width: 30px;height: 30px; margin-top: -4px;">
            </a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li>
                    <a href="index.html">首页
                    </a>
                </li>
                <li>
                    <a href="#">列表页</a>
                </li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">推荐
                        <span class="caret"></span>
                    </a>
                    <ul class="dropdown-menu province">
                        <li>
                            <a href="#bjjd">锤子</a>
                        </li>
                        <li>
                            <a href="#ahjd">菠萝</a>
                        </li>
                    </ul>
                </li>
            </ul>
            <form class="navbar-form navbar-left">
                <div class="form-group">
                    <input type="text" class="form-control" placeholder="输入内容">
                </div>
                <button type="submit" class="btn btn-default">搜索</button>
            </form>
            <ul class="nav navbar-nav navbar-right login">
                <!-- <li><a>欢迎尊贵的<span>leon</span>VIP来到旅游网站！</a></li> -->
                <!-- <li><a href="javascript:;" class="logout">退出</a></li> -->
                <li><a href="login.html">登陆</a></li>
                <li><a href="register.html">注册</a></li>
            </ul>
        </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
</nav>
<!-- </div> -->

<!-- 导航 -->
<div class="hea" style="margin-top: 50px;">
    <ul class="li1">
        <li style="width: 305px;">
            <img src="../images/logo1.png" alt="" style="width: 50px;height: 50px;">
        </li>
        <li>苹果手机</li>
        <li>红米手机</li>
        <li>电视</li>
        <li>平板</li>
        <li>路由器</li>

    </ul>
</div>

<!-- 景点列表 -->
<div class="wrap" id="scenics" style="margin-top: 60px;">
    <div class="content">
        <h1 style="margin-bottom: 40px;">全部商品 <small></small></h1>
        <div class="container fluid">
            <div class="row scenics" id="list">                
                <!-- <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
                    <div class="thumbnail">
                        <img src="http://5b0988e595225.cdn.sohucs.com./static/images/20171222/014e9fc392984995bb10bf8b40385bb0.jpeg" alt="...">
                        <div class="caption">
                            <h3>颐和园</h3>
                            <p class='introduce'>阿斯顿发斯蒂芬阿斯蒂芬</p>
                            <p>
                                <a href="#" class="btn btn-default" role="button">查看详情</a>
                            </p>
                        </div>
                    </div>
                </div> -->

            </div>
        </div>
    </div>
</div>

<!-- 分页容器 -->
<div class="page container text-center" id="page"></div>

<!-- 底部 -->
<div class="wrap footer" style="height: 30px;">
    <div class="content">
        <p></p>
    </div>
</div>
</body>
</html>
<!-- 引入js的库 -->
<script src="../lib/jquery.min.js"></script>
<!-- 引入bootstrap.js，bootstrap的js需要依赖一个js库 -->
<script src="../lib/bootstrap.js"></script>
<script src="../lib/layer/layer.js"></script>
<!-- 引入layui组件,使用其中的分页组件 -->
<script src="../lib/layui/layui.js"></script>
<script src="../js/list.js"></script>
<script src="../js/checkLogin.js"></script>

